*{word-wrap:break-word; box-sizing:border-box; font-size:14px; }
body{
	color: #454545;
	background: #ffffff;
}
[v-cloak] {
	display: none;
}
p{color: #454545;}
body,input,button,textarea{font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",Arial,sans-serif;}
html,body,div,ol,ul,li,dl,dt,dd,table,tr,th,td,h1,h2,h3,h4,h5,h6,p,em,b,i,a,span,img,mark,time,label,font,center,hr,fieldset,legend,iframe,pre{margin:0; padding:0; border:0; outline:none; list-style:none; font-weight:normal; font-style:normal; font-family:"Microsoft Yahei", Arial, "SimSun", sans-serif; }
button,input,select,option,textarea{vertical-align:middle; outline:none;border: none;}
button,input[type='button'],input[type='submit'],input[type='reset']:hover{cursor:pointer;}
span,em,b,i,a,img,label,font,mark,time,code,pre{width:auto; height:auto; display:inline-block; vertical-align:bottom; background:transparent; }
button,input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea{
	border: none;
	margin: 0;
	height: auto;
	padding: 0;
}
a{text-decoration: none;color: #52defe;}
/* a:active{color: inherit;} */
.fl{float: left;}
.fr{float: right;}
.text_one{
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.text_two{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.text_thr{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.w100-fff{
	padding: 10px 12px;
	background: #FFFFFF;
	clear: both;
}
.hig45{width: 100%;height: 45px;clear: both;}
.hig50{width: 100%;height: 50px;clear: both;margin-top: 20px;}
.br{
	position: relative;
}
.br-t:before{
	position: absolute;
    content: '';
    width: 100%;
    left: 0;
    top: 0px;
    height: 1px;
    background-color: #e3e3e3;
    -webkit-transform: scale(1,.5);
    transform: scale(1,.5);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}
.br-b:after{
	position: absolute;
    content: '';
    width: 100%;
    left: 0;
    bottom: 0;
    height: 1px;
    background-color: #e3e3e3;
    -webkit-transform: scale(1,.5);
    transform: scale(1,.5);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}
.br-r:after{
	position: absolute;
    content: '';
    width: 1px;
    right: 0;
    bottom: 0;
    height: 100%;
    background-color: #e3e3e3;
    -webkit-transform: scale(1,.5);
    transform: scale(1,.5);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

/*伸缩盒子*/
.flex{
	display: flex;
	display: -webkit-flex;
}
.flex-center{
	align-content: center;
	align-items: center;
}
.flex-wrap{
	flex-flow: wrap;
}
.justify-content-c{
	justify-content: center;
}
.flex-between{
	justify-content: space-between;
}
.flex-column{flex-direction:column}
.fixed{
	-webkit-flex-basis: 0;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-flex: 0;
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	width: auto;
}
.overtouch{
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

/*轮播图*/
.focus {
	position: relative;
	overflow: hidden;
	background: url(../images/banner_bj.jpg) 0 55px no-repeat;
	background-size: 100% auto;
}

.focus .hd {
	width: 100%;
	padding: 0 10px;
	height: 11px;
	position: absolute;
	z-index: 1;
	bottom: 10px;
	text-align: center;
}

.focus .hd ul {
	display: inline-block;
	padding: 3px 5px;
	/*background-color: rgba(255, 255, 255, 0.7);*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 0;
	vertical-align: top;
}

.focus .hd ul li {
	display: inline-block;
	width: 8px;
	height: 8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 0 5px;
	vertical-align: top;
	overflow: hidden;
	line-height: 9999px;
	background: #fff;
}

.focus .hd ul .on {
	background: #ff0030;
}

.focus .bd {
	height: 100%;
	position: relative;
	z-index: 0;
}

.focus .bd li img {
	width: 100%;
}

.focus .bd li a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/* 取消链接高亮 */
}

.header{width: 100%;height: 45px;background: #242424;position: fixed;top: 0;z-index: 10;}
.header p{width: 100%;line-height: 45px;text-align: center;color: #FFFFFF;font-size: 17px;}
.nav_ico{width: 45px;height: 45px;position: absolute;top: 0;right: 7px;}

footer{width: 100%;height: 50px;position: fixed !important;bottom: 0;z-index: 10;background: #333333;}
footer a{width: 25%;display: block;float: left;text-align: center;}
footer a p{line-height: 13px;color: rgba(255,255,255,0.6);font-size: 12px;}
footer a span{width: 27px;height: 27px;display: block;margin: 5px auto 2px auto;}
footer a span img{height: 100%;}
footer a span.foot1{background: url(../images/foot1.png) no-repeat;background-size: 27px 54px;}
footer a span.foot2{background: url(../images/foot2.png) no-repeat;background-size: 27px 54px;}
footer a span.foot3{background: url(../images/foot3.png) no-repeat;background-size: 27px 54px;}
footer a span.foot4{background: url(../images/foot4.png) no-repeat;background-size: 27px 54px;}
footer a.active span.foot1{background-position: 0 -27px;}
footer a.active span.foot2{background-position: 0 -27px;}
footer a.active span.foot3{background-position: 0 -27px;}
footer a.active span.foot4{background-position: 0 -27px;}
footer a.active p{color: #bfb26d;}

/*右侧导航*/
.fix{position: fixed;top: 0;width: 100%;height: 100%;z-index: 11;background: rgba(0,0,0,0.6);display: none;}
.right_nav{position: fixed;top: 0;right: -80%;width: 80%;height: 100%;background: #FFFFFF;overflow-y: auto;z-index: 11;transition: all 0.5s;}
/* .prev{width: 45px;height: 45px;position: absolute;top: 0;left: 0;} */
/* .prev:before{content: '';position: absolute;top: 16px;left: 17px;width: 12px;height: 12px;display: block;border-left: 2px solid #FFFFFF;border-top: 2px solid #FFFFFF;transform: rotate(-45deg);} */
/* .prev:after{content: '';position: absolute;top: 22px;left: 14px;width: 19px;height: 2px;display: block;background: #FFFFFF;} */
.right_nav .user_top{height: 180px;}
.right_nav .user_top img{width: 65px;height: 65px;margin-top: 20px;}
.right_nav > ul{margin-top: 20px;}
.right_nav ul li{width: 100%;}
.right_nav ul li > a{padding: 10px 30px;display: block;color: #4A4A4A;font-size: 16px;position: relative;}
.right_nav > ul > li > a:after{content: '';display: block;position: absolute;top: 50%;right: 25px;margin-top: -9px;width: 10px;height: 10px;border-right: 1px solid #4E4E4E;border-bottom: 1px solid #4E4E4E;transform: rotate(45deg);}
.right_nav > ul > li.no_after > a:after{display: none;}
.right_nav ul li ul li a{padding-left: 42px;font-size: 14px;}
.right_nav > ul > li > ul{display: none;}
.right_nav > ul > li.hover > a{background: #fda10d;color: #f32d2d;}
.right_nav > ul > li.hover > a:after{border-color: #f32d2d;transform: rotate(-135deg);margin-top: -3px;}
.right_nav.active{right: 0;transition: all 0.5s;}